<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <%@ include file="/WEB-INF/views/include/head.jsp"%> 
    <link rel="stylesheet" href="${ctxStatic}/css/login.css">
        <script type="text/javascript">
        //
        function sysLoginForgetPassword02(){
            $("#inputForm").validate({
                submitHandler: function() {
                    window.location.href = '${ctx}/forgetPassword/sysLoginForgetPassword02?email='+$("#email").val();
                },
                // 重名验证
                 rules: {
                	email: {remote: "${ctx}/forgetPassword/checkEmail"  },
                },
                messages: {
                //数据值以存在
                 email: {remote: '<spring:message code="forgetPassword_emailNotExist"/>'}, 
                } ,
            });
            $("#inputForm").submit(); 
        }
        </script> 
</head>
<body>
<div class="loginBox forgetBox">
    <div class="clearfix forgetTopBox">
        <!-- 输入邮箱 -->
        <p class="forgetTop active"><spring:message code="forgetPassword_input_email"/></p>
        <!-- 确认邮件 -->
        <p class="forgetTop"><spring:message code="forgetPassword_confirm_email"/></p>
        <!-- 修改密码 -->
        <p class="forgetTop"><spring:message code="forgetPassword_modification_password"/></p>
        <!-- 完成修改 -->
        <p class="forgetTop"><spring:message code="forgetPassword_finish_modification"/></p>
    </div>
    <img src="${ctxStatic}/images/forget_01.png">
    <form id="inputForm" method="post">
    <div class="formBox">
        <div class="black">&nbsp;</div>
        <div class="inputBox">
            <form>
                <div class="inpBoxSm">
                    <input type="text" name="email" id="email" value="${user.email}"
                     data-rule-required="true" data-msg-required="<spring:message code="forgetPassword_please_input_right_Email"/>"
                     data-rule-email="true" data-msg-email="<spring:message code="forgetPassword_please_input_right_Email"/>">
                    <img src="${ctxStatic}/images/login_icon_05.png">
                </div>
            </form>
        </div>
        <div class="textC">
            <!-- 下一步 -->
            <button type="button" class="loginBtn" onclick="sysLoginForgetPassword02()"><spring:message code="forgetPassword_next_step"/></button>
        </div>
    </div>
    </form>
</div>
<script src="${ctxStatic}/js/jquery-1.9.1.min.js"></script>
<script>
     var windowH = window.innerHeight
            ||document.documentElement.clientHeight
            ||document.body.clientHeight
    $('.loginBox').css('margin-top',windowH/2 - 280);
</script>
</body>
</html>